.box{
    width: 100%;
    height: 14rem;
    margin: 0 auto;
    zoom: 1;
    overflow: hidden;
    position: relative;
    .slide {
	    width: 100%;
		li {
		    position: absolute;
		    width:100%;
		    img {
			    width:100%;           
			}
		}
	}
	.image-enter-active {
	    transform: translateX(0);
	    transition: all 1s ease;
	}
	        
	.image-leave-active {
	    transform: translateX(-100%);
	    transition: all 1s ease;
	}
	        
	.image-enter {
	    transform: translateX(100%)
	}
	        
	.image-leave {
	    transform: translateX(0)
	}
	      
	.bullet {
	    width: 100%;
	    position: absolute;
	    bottom: 0.6rem;
	    margin: 0 auto;
	    text-align: center;
	    z-index: 10;
	    span {
		    width: 1.2rem;
		    height: 0.3rem;
		    border:0.01rem solid;
		    background: white;
		    display: inline-block;
		    margin-right: 10px;
		}
		        
		.active {
		    background: red;
		}
	}
}       

        
